google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2023-11-30',187298,null,null,'EV','とびだせ！冬のトラベルアドベンチャー: 11/30 14:00 → 12/14 14:00'],
['2023-12-01',187307,null,null,null,null],
['2023-12-02',187307,null,null,null,null],
['2023-12-03',187340,null,null,null,null],
['2023-12-04',187355,null,null,null,null],
['2023-12-05',187373,null,null,null,null],
['2023-12-06',187382,null,null,null,null],
['2023-12-07',187420,null,null,'EV','体力測定 バンテン編: 12/07 18:00 → 12/21 14:00'],
['2023-12-08',187420,null,null,null,null],
['2023-12-09',187438,null,null,null,null],
['2023-12-10',187451,null,null,null,null],
['2023-12-11',187470,null,null,null,null],
['2023-12-12',187504,null,null,null,null],
['2023-12-13',187520,null,null,null,null],
['2023-12-14',187537,null,null,null,null],
['2023-12-15',187553,null,null,null,null],
['2023-12-16',187575,null,null,null,null],
['2023-12-17',187575,null,null,null,null],
['2023-12-18',187604,null,null,null,null],
['2023-12-19',187626,null,null,null,null],
['2023-12-20',187648,null,null,null,null],
['2023-12-21',187663,null,null,'EV','セルリアン大掃除(35回目): 12/21 18:00 → 12/28 14:00'],
['2023-12-22',187675,null,null,null,null],
['2023-12-23',187698,null,null,null,null],
['2023-12-24',187698,null,null,null,null],
['2023-12-25',187698,null,null,null,null],
['2023-12-26',187764,null,null,null,null],
['2023-12-27',187786,null,null,'EV','ビビらずいくぞ！ 年末煩悩大暴走！: 12/27 18:00 → 01/11 14:00'],
['2023-12-28',187815,null,null,null,null],
['2023-12-29',187815,null,null,null,null],
['2023-12-30',187815,null,null,null,null],
['2023-12-31',187815,null,null,null,null],
['2024-01-01',187815,null,null,null,null],
['2024-01-02',187815,null,null,null,null],
['2024-01-03',187815,null,null,null,null],
['2024-01-04',187815,null,null,null,null],
['2024-01-05',187815,null,null,null,null],
['2024-01-06',187815,null,null,null,null],
['2024-01-07',187815,null,null,null,null],
['2024-01-08',187815,null,null,null,null],
['2024-01-09',187815,null,null,null,null],
['2024-01-10',188146,null,null,null,null],
['2024-01-11',188146,null,null,'EV','体力測定 エリマキトカゲ編: 01/11 18:00 → 01/25 14:00'],
['2024-01-12',188146,null,null,null,null],
['2024-01-13',188146,null,null,null,null],
['2024-01-14',188146,null,null,null,null],
['2024-01-15',188146,null,null,null,null],
['2024-01-16',188146,null,null,null,null],
['2024-01-17',188146,null,null,null,null],
['2024-01-18',188308,null,null,'EV','野生大解放チャレンジ タスマニアデビル編: 01/18 14:00 → 01/24 23:59'],
['2024-01-19',188332,null,null,null,null],
['2024-01-20',188339,null,null,null,null],
['2024-01-21',188339,null,null,null,null],
['2024-01-22',188339,null,null,null,null],
['2024-01-23',188339,null,null,null,null],
['2024-01-24',188343,null,null,null,null],
['2024-01-25',188343,null,null,'EV','セルリアン大掃除(36回目): 01/25 14:00 → 02/01 14:00'],
['2024-01-26',188343,null,null,null,null],
['2024-01-27',188441,null,null,null,null],
['2024-01-28',188441,null,null,null,null],
['2024-01-29',188528,null,null,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:0}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});